<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Claymorphism Blog Cards</title>
    <link rel="stylesheet" href="claycard.css">
</head>
<body>
    <div class="container">
        <div class="card">
            <div class="card-inner">
                <div class="card-front">
                    <img src="https://plus.unsplash.com/premium_photo-1673292293042-cafd9c8a3ab3?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Nature" class="card-image">
                    <h2>Exploring Nature's Wonders</h2>
                    <p class="excerpt">Discover the hidden beauty of our planet's most breathtaking landscapes.</p>
                </div>
                <div class="card-back">
                    <h2>Exploring Nature's Wonders</h2>
                    <p>From lush rainforests to towering mountains, our planet is filled with awe-inspiring natural wonders. In this post, we'll take you on a journey through some of the most spectacular landscapes on Earth.</p>
                    <a href="#" class="read-more">Read More</a>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-inner">
                <div class="card-front">
                    <img src="https://plus.unsplash.com/premium_photo-1664302004020-a69eec567967?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Technology" class="card-image">
                    <h2>The Future of AI</h2>
                    <p class="excerpt">Exploring the potential impact of artificial intelligence on our daily lives.</p>
                </div>
                <div class="card-back">
                    <h2>The Future of AI</h2>
                    <p>Artificial Intelligence is rapidly evolving, promising to revolutionize industries and transform our daily lives. From self-driving cars to personalized healthcare, the potential applications of AI are vast and exciting.</p>
                    <a href="#" class="read-more">Read More</a>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-inner">
                <div class="card-front">
                    <img src="https://images.unsplash.com/photo-1544510807-78268e067c70?q=80&w=2073&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Food" class="card-image">
                    <h2>Culinary Adventures</h2>
                    <p class="excerpt">Embark on a global gastronomic journey with exotic flavors and recipes.</p>
                </div>
                <div class="card-back">
                    <h2>Culinary Adventures</h2>
                    <p>Food is not just sustenance; it's a gateway to different cultures and experiences. In this post, we'll take you on a mouthwatering journey around the world, exploring unique dishes, exotic ingredients, and the stories behind them. Get ready to tantalize your taste buds and expand your culinary horizons!</p>
                    <a href="#" class="read-more">Read More</a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>